<template>
   <div class="hcontent">
       <h3>{{duce.title}}</h3>
       <hr>
       <div class="duContent" v-html="duce.content">
           
       </div>
   </div>
</template>
<script>       
import comment from '../news/list/coment.vue' 
export default {
    data(){
        return{
            duce:{}
        }
    },
    methods:{
        async getDuce(){
           const {data}= await this.axios.get("/api/goods/getdesc/" + this.id) ;
           if(data.status===0) {
               console.log(data.message[0]);
               this.duce= data.message[0];
           }
        }
    },
    created(){
            this.getDuce();
    },
    props:['id'],
    
}
</script>
<style scoped>
h3{
    font-size:16px;
    font-weight:700;
    color:  blue;
    text-align: center;     
    margin: 10px 0;
   
}
.hcontent{  
    border-top: 1px solid #ffff;
}
</style>